<style lang="scss" scoped>
  .lines_echart_body{
    width: 1640px;
    margin:25px auto;
    .lis{
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 24px;
    }
  }
</style>
<style lang="scss" >
  .lines_echarts_datepicker{
    .el-input__inner{
      /*width: 261px;*/
      /*height: 60px;*/
      background: #001A2E;
      border: 1px solid rgba(227, 227, 227, 0.25098039215686274);
      opacity: 1;
      border-radius: 4px;

    }
    input::-webkit-input-placeholder{
      color:#5f646f;
    }
    input::-moz-placeholder{   /* Mozilla Firefox 19+ */
      color:#5f646f;
    }
    input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
      color:#5f646f;
    }
    input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
      color:#5f646f;
    }


  }
</style>
<template>
  <div class="lines_echart_body" >
   <div class="lis">
     <lines1 :periViewRow="periViewRow"></lines1>
     <lines2 :periViewRow="periViewRow"></lines2>
   </div>
    <div class="lis">
      <lines3 :periViewRow="periViewRow"></lines3>
      <lines4 :periViewRow="periViewRow"></lines4>
    </div>
    <div class="lis">
      <lines5 :periViewRow="periViewRow"></lines5>
      <lines6 :periViewRow="periViewRow"></lines6>
    </div>
    <div class="lis">
      <lines7 :periViewRow="periViewRow"></lines7>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  import moment from 'moment'
  import {listFeedingDischargeByDay
  } from "@/api/device/perichart";
  import lines1 from './lines/lines1.vue'
  import lines2 from './lines/lines2.vue'
  import lines3 from './lines/lines3.vue'
  import lines4 from './lines/lines4.vue'
  import lines5 from './lines/lines5.vue'
  import lines6 from './lines/lines6.vue'
  import lines7 from './lines/lines7.vue'
  export default {
    components : {
      lines1,lines2,lines3,lines4,lines5,lines6,lines7
    },
    data() {
      return {

      }
    },
    props: ['periViewRow'],
    mounted() {

    },
    watch: {

    },
    methods: {


    },
    beforeDestroy() {

    }
  }
</script>
